<form>
  <div class="modal-header">
    <a href="#" class="close" data-dismiss="modal" aria-hidden="true">&times;</a>
    <h3>Rename system</h3>
  </div>
  <div class="modal-body">
    <!-- pattern is the same one used by is_valid_fqdn on the server -->
    <input type="text" name="fqdn" class="input-block-level"
        placeholder="FQDN" required maxlength="255"
        pattern="[0-9A-Za-z](?:(?:[0-9A-Za-z]|\b-){0,61}[0-9A-Za-z])?(?:\.[0-9A-Za-z](?:(?:[0-9A-Za-z]|\b-){0,61}[0-9A-Za-z])?)*\.?"
        title="Fully-qualified domain name of up to 255 characters" />
  </div>
  <div class="modal-footer">
    <div class="sync-status"/>
    <button type="button" class="btn" data-dismiss="modal" data-loading-text="Cancel">Cancel</button>
    <button type="submit" class="btn btn-primary" data-loading-text="<i class='fa fa-spinner fa-spin'></i> Renaming&hellip;">Rename</button>
  </div>
</form>
